<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>分期管家-开学神奇道具</title>
		<meta name="Keywords" content="分期管家" />
		<meta name="Description" content="全国首款大学生分期管理工具！" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<script>
			(function(doc, win) {
				var docEl = doc.documentElement,
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						var clientWidth = docEl.clientWidth;
						if (!clientWidth) return;
						if (clientWidth >= 640) {
							clientWidth = 640;
						} else if (clientWidth <= 320) {
							clientWidth = 320;
						} else {}
						docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
					};
				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>
		<link rel="stylesheet" type="text/css" href="css/bbd_css.css?t2" />
		<link rel="stylesheet" type="text/css" href="css/share.css" />
		<script src="js/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://www.fqgj.net/theme/js/t.js" type="text/javascript"></script>
		<script>
			
			$(function(){
				$("#dialog_last").on("click",function(){
					$(".fix,.dialog_box").fadeIn();
				});
				$(".dialog_btn").on("click",function(){
					$(".fix,.dialog_box").fadeOut();
				})
				
			})
		</script>
	</head>

	<body>

<div id='wx_logo' style='margin:0 auto;display:none;'><img src='img/logo300.jpg' /></div>

		<div class="loading" id="loading">
			<div class="inner">
				<p class="loading_rate" id="loading_rate"></p>
			</div>
		</div>
		
<div class="fix"></div>
<div class="dialog_box">
	<p class="titleFn">~手慢无~</p>
	<a href="javascript:;" class="dialog_btn">确定</a>
	
</div>
		
		<div class="wrap">
			<div id="one_section">
				<div class="one_box_text">
					<img class="one_img1" src="img/duolaameng_03.png">
					<img class="one_img2" src="img/duolaameng_07.png">
					<div class="one_img3">

						<img class="lod1" src="img/duolaameng_11.png">
						<img class="lod3" src="img/duolaameng_12.png">
						<img class="lod2" src="img/duolaameng_13.png">

					</div>

				</div>

				<div id="sec2-cloud" class="cloud">
					<span class="vertical-float"><i class="sec2-light"></i></span>
					<span class="vertical-float"><i class="sec2-light"></i></span>
					<span class="vertical-float"><i class="sec2-light"></i></span>
					<span class="vertical-float"><i class="sec2-light"></i></span>
					<span class="vertical-float"><i class="sec2-light"></i></span>
					<span class="vertical-float"><i class="sec2-light"></i></span>

				</div>
				<div id="sec-2-item2" class="sec-2-item2">
					<div class="timi-logo">
						<span><img src="img/duolaameng_32.png" alt="TIMI LOGO"></span>
					</div>
				</div>
				<i id="arrow-tipsTwo" class="arrow-tips arrow-tipsTwo"></i>

			</div>

			<div class="content_box0"><img class="pop0"  style="display: none;"  src="img/duolaameng_01.png" /></div>
			<div class="content_img"><img src="img/duolaameng_03.jpg" /></div>
			<div class="content_box1"><img class="pop01" src="img/pople01.png" /><a class="content_btn con_btn01" href="http://gsactivity.diditaxi.com.cn/gulfstream/activity/v2/giftpackage/index?channel=c701d3c9829f35a9b1560aa25d713892">立即抢券</a></div>
			<div class="content_img"><img src="img/duolaameng_05.jpg" /></div>
			<div class="content_box2"><img class="pop02" src="img/pople2.png" /><a class="content_btn con_btn02" href="http://app.ly.com/client/ThousandRed/index_dd78e876a00d2ab84d15a3a8e134bdf2.html">轻戳</a></div>
			<div class="content_img"><img src="img/duolaameng_07.jpg" /></div>
			<div class="content_box3"><img class="pop03" src="img/pople3.png" /><a class="content_btn con_btn01" href="http://huodong.chuchujie.com/page/tengxun/index.html">拿走不谢</a></div>
			<div class="content_img"><img src="img/duolaameng_09.jpg" /></div>
			<div class="content_box4"><img class="pop04" src="img/pople4.png" /><a class="content_btn con_btn02" href="http://minisite.letv.com/zt2015/0600/zt1003065303/index.shtml?channel=45&t=9999&sign=d13e1eaf86590c20664d47ff1f1f6874">领取会员</a></div>
			<div class="content_img"><img src="img/duolaameng_11.jpg" /></div>
			<div class="content_box5"><img class="pop05" src="img/pople5.png" /><a class="content_btn con_btn02" href="http://red.ayibang.com/eventcom/fqgj150">求带走</a></div>
			<div class="content_img"><img src="img/duolaameng_13.jpg" /></div>
			<div class="content_box6"><img class="pop06" src="img/pople6.png" /><a id="dialog_last" class="content_btn con_btn03" href="javascript:;">重戳</a>
				<a id="share_btn" class="cont_start" href="javascript:;"><img src="img/duolaameng_22.png" /></a>
			</div>
		</div>
		<div id="shade"></div>
<div id="share" style="text-align: center;">
    <h2>分享到：</h2>
    <ul>
        <li class="share" data-type="weixin"><span><img src="http://www.fqgj.net/theme/images/share-icon/weixin_icon.png"><p>微信好友</p></span></li>
        <li class="share" data-type="weixinfriend"><span><img src="http://www.fqgj.net/theme/images/share-icon/pengyou.png"><p>朋友圈</p></span></li>
        <li class="share" data-type="sina"><span><img src="http://www.fqgj.net/theme/images/share-icon/xinlang_icon.png"><p>微博</p></span></li>
        <li class="share" data-type="qq"><span><img src="http://www.fqgj.net/theme/images/share-icon/qq_icon.png"><p>QQ</p></span></li>
        <li class="share" data-type="qqzone"><span><img src="http://www.fqgj.net/theme/images/share-icon/qzone_icon.png"><p>QQ空间</p></span></li>
    </ul>
</div>
		<script>
			var load = document.getElementById('loading');
			var imgPath = 'img/';
			var loadingPage = (function() {
				var imgSources = ['cloud_sprites1.png', 'cloud_sprites2.png', 'cloud_sprites3.png', 'cloud_sprites4.png', 'cloud_sprites5.png',
					'cloud_sprites6.png', 'duolaameng_03.png', 'duolaameng_07.png', 'duolaameng_11.png', 'duolaameng_12.png',
					'duolaameng_13.png', 'duolaameng_32.png', 'duolaameng_22.png', 'duolaameng_43.png', 'sec_2_light.png', 'duolaameng_01.png','duolaameng_02.jpg', 'duolaameng_03.jpg',
					'duolaameng_04.jpg', 'duolaameng_05.jpg', 'duolaameng_06.jpg', 'duolaameng_07.jpg', 'duolaameng_08.jpg',
					'duolaameng_09.jpg', 'duolaameng_10.jpg', 'duolaameng_11.jpg', 'duolaameng_12.jpg', 'duolaameng_13.jpg', 'duolaameng_14.jpg',
					'pople01.png', 'pople2.png', 'pople3.png', 'pople4.png', 'pople5.png', 'pople6.png','dialog_bg.png'
				];
				for (var i = 0; i < imgSources.length; i++) {
					imgSources[i] = (imgPath + imgSources[i]);
				};
				var loadImage = function(path, callback) {
					var img = new Image();
					img.onload = function() {
						img.onload = null;
						callback(path);
					}
					img.src = path;
				}
				var imgLoader = function(imgs, callback) {
					var len = imgs.length,
						i = 0;
					while (imgs.length) {
						loadImage(imgs.shift(), function(path) {
							callback(path, ++i, len);
						})
					}
				}
				rateNum = document.getElementById('loading_rate');
				
				var bar = document.getElementById('bar');
				var percent = 0;
				imgLoader(imgSources, function(path, curNum, total) {
					percent = curNum / total;
					percent2 = (curNum / total) * 197;
					//$("#pgs2").attr("value", Math.floor(percent * 212));
					if (percent != 1) {
						rateNum.innerHTML = Math.floor(percent * 100) + '%';
						
					}
				});
			})();
			var setHeight = function() {
				$("#one_section").css("height", $(window).height());
			}
			window.onload = function() {
				$("html,body").scrollTop(0);
				setHeight();
				rateNum.innerHTML = '100%';
				
				//document.getElementById('sec-1').className = "sec sec-1";
				setTimeout(function() {
					document.getElementById('loading').style.display = 'none';
					$("#one_section").addClass("sec-animate");
				}, 700);
			}
			var secTwoCloud = $("#sec2-cloud");
			var secTwoClouds = secTwoCloud.find("span");
			var secTwoGather = $("#sec2-gather span");
			var openCloudTimer = null;
			var djNum = 0;
			var secTwoslideStatus = false;
			secTwoClouds.click(function() {
				$(this).removeClass("vertical-float").addClass("move");
				var opensecdj = setInterval(function() {
					secTwoClouds.eq(djNum).removeClass("vertical-float").addClass("move");
					djNum < 7 ? djNum++ : clearInterval(opensecdj);
					if (djNum == 6) {
						clearTimeout(openCloudTimer);
						openCloudTimer = setTimeout(function() {
							secTwoClouds.eq(0).css({
								"top": "6rem",
								"opacity": 0
							});
							secTwoClouds.eq(1).css({
								"top": "6rem",
								"left":"11rem",
								"opacity": 0
							});
							secTwoClouds.eq(2).css({
								"right": "11rem",
								"top": "6rem",
								"opacity": 0
							});
							secTwoClouds.eq(3).css({
								"top": "6rem",
								"left": "10rem",
								"opacity": 0
							});
							secTwoClouds.eq(4).css({
								"top": "6rem",
								"opacity": 0
							});
							secTwoClouds.eq(5).css({
								"top": "6rem",
								"right": "11rem",
								"opacity": 0
							});
							setTimeout(function() {
								$("#sec-2-item2").addClass("sec-2-item2-scale").show();
								$("#arrow-tipsTwo").show();
								secTwoslideStatus = true;
							}, 900);
						}, 1000);
					}
				},200);
			});
			
			
var util = {
    fn: {}
},
	screenH = $(window).height(),
	count_data = {
	    touchStartY: 0,
	    touchEndY: 0,
	    moveY: 0,
	    nowY: 0
	};

//页面滑动
util.secSlide = function () {
    var moveYcount = 0, mainP = document.getElementById("one_section");
    mainP.addEventListener('touchstart', function (e) {
        count_data.touchStartY = e.touches[0].clientY;//传递起始位置
    }, false);
    mainP.addEventListener('touchmove', function (e) {
        e.preventDefault();
        if (e.targetTouches.length == 1) {
            var touch = e.changedTouches[0];
            moveYcount = touch.pageY - count_data.touchStartY;//位移
            count_data.moveY = moveYcount;
          
            if (secTwoslideStatus == false ) {
                if (count_data.moveY < 0) {
                    moveYcount = 0;
                    return;
                }
            }
        }
    }, false);
    mainP.addEventListener('touchend', function (e) {
        if (moveYcount < -50 || moveYcount > 50) {
				if(moveYcount>50){
					$('html,body').animate({"scrollTop":0},500,function(){
						
						$(".content_box0 img").hide().removeClass("pooanimate");
					});
				}
				if(moveYcount<-50){
					$('html,body').animate({"scrollTop":screenH},500,function(){
						$(".content_box0 img").show().addClass("pooanimate");
					});
					
				}
        }
    }, true);
}
util.secSlide();

			
			
			
			
			
			
			
			
			
		</script>
		
		

<script src="http://api.fqgj.net/web/js/bridge.js" type="text/javascript"></script>
<script src="http://api.fqgj.net/web/js/md5.min.js" type="text/javascript"></script>
<script src="http://api.fqgj.net/web/js/global.js" type="text/javascript"></script>
<script>
    var appClient = null;
    var appData = null;
    var actID="act-41";
    var actTitle="分期管家-万能百宝袋";
    var shortShare="【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥";
    var longShare="#【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥!";
    var friendShare="【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥";
    var actFile="hdbbd";
    $(document).ready(function() {
        if (window.android) {
            appClient = new AppClient(window.android, true);
            init();
        } else {

            function initIOSBridge(iosBridge) {
                iosBridge.init(function(message, responseCallback) {
                });
                appClient = new AppClient(iosBridge, false);
                init();
            }
            if (window.WebViewJavascriptBridge) {
                initIOSBridge(WebViewJavascriptBridge);
            } else {
                document.addEventListener('WebViewJavascriptBridgeReady', function () {
                    initIOSBridge(WebViewJavascriptBridge)
                }, false);
            }
        }
    });
    function startWork() {
        $("li.share").click(function(){
            var shareType = $(this).attr("data-type");
            var data = {
                "shareFrom": actID,
                "type" : shareType,
                "title" : actTitle,
                "content" : friendShare,
                "targetUrl" : "http://www.fqgj.net/theme/"+actFile+"/index.html",
                "iconUrl" : "http://www.fqgj.net/theme/"+actFile+"/img/share-logo.png"
            };
            if (shareType == "qq") {
                data.content = shortShare;
                data.title =actTitle;
                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=qq";
            } else if (shareType == "sina") {
                data.content =longShare;
                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=sina";
            } else if (shareType == "weixinfriend") {
                data.title = shortShare;
                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=weixin";
            }else if(shareType == "qqzone"){
                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=qqzone";
            }
            appClient.share(data, "shareCallback");
            return false;
        });
    }
    function initDataCallback(data) {
        appData = JSON.parse(data);
        $("li.share").hide();
        if (appData.sharePlatforms && appData.sharePlatforms.length > 0) {
            for (var i = 0; i < appData.sharePlatforms.length; ++i) {
                $("li.share[data-type=" + appData.sharePlatforms[i] + "]").show();
            }
        } else {
            $("li.share").show();
        }
        appClient.hideLoading();
        startWork();
    }
    function init() {
        var data = {
            "title" : actTitle,
            "type" : "share",
            "callback" : "showSharePopup"
        };
        appClient.setTitle(data);
        // get init data
        appClient.getInitData("initDataCallback", initDataCallback);
    }
    function shareCallback(state) {
        if(state){
            appClient.showToast("分享成功");
        }else{
            // appClient.showToast("分享失败，未获得礼包，请稍后再试！");
        }
    }
    var share;
    var shareH;
    var bodyH = document.documentElement.clientHeight;
    $(document).ready(function() {
        share=document.getElementById("share");
        shareH=share.offsetHeight;
        share.style.bottom=-shareH+"px";
        var shade=document.getElementById("shade");
        var head=document.getElementById("head");
        shade.onclick=function() {
            shade.style.display="none";
            shareMove(1);
        }
        $("#share_btn").click(function() {
            shade.style.display="block";
            shareMove(0);
        });
        $("a").on('click', function() {
            if($(this).attr("data-id")!=null){
                clickProduct($(this).attr("data-id"));
                var versionCode = appData.versionCode;
                if(versionCode <= 10 ){
                    window.location.href=$(this).attr("data-productUrl");
                }else{
                    var data  = {
                        "name" : "productDetails",
                        "productId" : $(this).attr("data-id"),
                        "jumpUrl": "http://api.fqgj.net/product/details/"+$(this).attr("data-id")+".html",
                        "title": $(this).attr("data-title"),
                        "content": "【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥",
                        "productUrl": $(this).attr("data-productUrl"),
                        "clickFrom": actID
                    };
                    appClient.jumpToScreen(data);
                }
            }
        });
    });
    function clickProduct(productId){
        appData.timestamp=new Date().getTime();
        appData.params= JSON.stringify({"productId":productId, "clickFrom": actID });
        appData.appSign = window.md5(appData.appKey + appData.appVersion + appData.appClient+ appData.timestamp +appData.token +appData.appSecret + window.md5(appData.params));
        $.ajax({
            type: 'POST',
            url: basePath+'product/clickProduct',
            data: appData,
            dataType: 'json',
            success: function(data){
            },
            error: function(xhr, type){
            }
        });
    }
    function showSharePopup() {
        shade.style.display="block";
        shareMove(0);
    }
    var timer = null;
    function shareMove(dis){
        clearInterval(timer);
        var ret = 0;
        var _bottom=-shareH;
        timer = setInterval(function(){
            if(dis){
                ret-=2;
                if(ret<=-shareH){
                    clearInterval(timer);
                }else{
                    share.style.bottom=ret+"px";
                }
            }else{
                _bottom+=2;
                if(_bottom>=-2){
                    clearInterval(timer);
                }else{
                    share.style.bottom=_bottom+"px";
                }
            }
        },1)
    }
</script>
		
	</body>

</html>